<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>监测预报</title>
    <link rel="stylesheet" href="/business/jcyb/main/css/main.css" />
</head>

<body>
    <div class="cafe-main">
        <!-- GIS地图 -->
        <div class="cafe-busis-container">
            <div class="cafe-busis-map" id="jcybMap"></div>
            <!-- 日期选择面板 -->
            <div class="cafe-busis-datepicker">
                <div id="datepicker"></div>
                <div class="time-switch active"></div>
            </div>
            <div class="cafe-busis-warn-control"></div>
            <!-- 监测预报面板 -->
            <div class="cafe-busis-jcyb" style="display: none;">
                <div class="jcyb-close-btn">×</div>
                <div class="cafe-busis-jcyb-head"></div>
                <div class="cafe-busis-live">
                    <span class="live-title">实况监测</span>
                    <ul class="live-list flex wrap between">
                        <li class="active" type="all">全部</li>
                        <li class="active" type="autostat">自动站</li>
                        <li class="active" type="light">闪电定位仪</li>
                        <li class="active" type="radar">雷达</li>
                        <li class="active">积水站</li>
                        <li class="active">地质灾害点</li>
                        <li class="active">山洪沟</li>
                        <li class="active">中小河流</li>
                        <li class="active" type="qtqsb">强天气识别</li>
                        <li class="active" type="disaster">灾情直报</li>
                        <li class="active" type="roseRadar">ROSE雷达</li>
                        <li style="opacity: 0;pointer-events: none;"></li>
                    </ul>
                </div>
                <div class="forecast">
                    <span class="forecast-title">预报预警</span>
                    <ul class="forecast-list flex wrap between">
                        <li type="all">全部</li>
                        <!--<li class="active" type="QHRADA">卷积神经外推</li>
                        <li class="active" type="NDRADA">TREC外推</li>-->
                        <li class="active" type="GDMODE">主观格点</li>
                        <li type="EC">EC</li>
                        <li type="NWGD">国家指导</li>
                        <!--<li type="TJWRF">TJWRF</li>-->
                        <li type="C-2DCNN">C-2DCNN</li>
                        <li style="opacity: 0;pointer-events: none;"></li>
                    </ul>
                </div>
            </div>
            <div class="topTenContent">
                <div class="header"><span>点击列表中TOP10中的数值定位地区</span></div>
                <div class="content">
                    <img class="close-warn-btn" src="/business/jcyb/main/css/images/close_warn_btn.png" data-type="1" title="系统报警" alt="" />

                    <div class="content_main">
                        <div class="ele_warn TMP">
                            <div class="ele_info">
                                <span>高温</span>
                                <div>
                                    <div>
                                        <span class="icon icon4"></span>
                                        <span class="TMP-0">>40</span>
                                    </div>
                                    <div>
                                        <span class="icon icon5"></span>
                                        <span class="TMP-1">>39</span>
                                    </div>
                                    <div>
                                        <span class="icon icon6"></span>
                                        <span class="TMP-2">>37</span>
                                    </div>
                                </div>
                                <div class="controlShowHide">
                                    <span>显隐</span>
                                    <div class="showOrhidden">
                                        <span class="show"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="warn_table">
                                <div class="table_div S_H_T_table"></div>
                                <div class="more_div" id="S_H_T">
                                    <span>更多</span>
                                </div>
                            </div>
                            <div class="no_warn">
                                <span>当前无高温预警</span>
                            </div>
                        </div>
                        <div class="ele_warn GUSTWS">
                            <div class="ele_info">
                                <span>阵风</span>
                                <div style="margin-left: -10px">
                                    <div>
                                        <span class="icon icon9"></span>
                                        <span class="GUSTWS-0">>32.7</span>
                                    </div>
                                    <div>
                                        <span class="icon icon10"></span>
                                        <span class="GUSTWS-1">>24.5</span>
                                    </div>
                                    <div>
                                        <span class="icon icon11"></span>
                                        <span class="GUSTWS-3">>10.8</span>
                                    </div>
                                </div>
                                <div class="controlShowHide">
                                    <span>显隐</span>
                                    <div class="showOrhidden">
                                        <span class="show"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="warn_table">
                                <div class="table_div S_GUST_table">
                                </div>
                                <div class="more_div" id="S_GUST">
                                    <span>更多</span>
                                </div>
                            </div>
                            <div class="no_warn">
                                <span>当前无阵风预警</span>
                            </div>
                        </div>
                        <div class="ele_warn TP1H">
                            <div class="ele_info">
                                <span>1小时降水</span>
                                <div style="margin-left: -18px">
                                    <div>
                                        <div class="red"></div>
                                        <span class="TP1H-0">>70</span>
                                    </div>
                                    <div>
                                        <div class="orange"></div>
                                        <span class="TP1H-1">>50</span>
                                    </div>
                                    <div>
                                        <div class="blue"></div>
                                        <span class="TP1H-3">>20</span>
                                    </div>
                                </div>
                                <div class="controlShowHide">
                                    <span>显隐</span>
                                    <div class="showOrhidden">
                                        <span class="show"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="warn_table">
                                <div class="table_div S_RAIN1_table">
                                </div>
                                <div div class="more_div" id="S_RAIN1">
                                    <span>更多</span>
                                </div>
                            </div>
                            <div class="no_warn">
                                <span>当前无1小时降水预警</span>
                            </div>
                        </div>
                        <div class="ele_warn TP10M">
                            <div class="ele_info">
                                <span>10分钟降水</span>
                                <div style="margin-left: -18px">
                                    <div>
                                        <div class="icon icon12"></div>
                                        <span class="TP10M-0">>20</span>
                                    </div>
                                    <div>
                                        <div class="icon icon13"></div>
                                        <span class="TP10M-1">>15</span>
                                    </div>
                                    <div>
                                        <div class="icon icon14"></div>
                                        <span class="TP10M-3">>5</span>
                                    </div>
                                </div>
                                <div class="controlShowHide">
                                    <span>显隐</span>
                                    <div class="showOrhidden">
                                        <span class="show"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="warn_table">
                                <div class="table_div S_RAIN10M_table">
                                </div>
                                <div div class="more_div" id="S_RAIN10M">
                                    <span>更多</span>
                                </div>
                            </div>
                            <div class="no_warn">
                                <span>当前无10分钟降水预警</span>
                            </div>
                        </div>
                    </div>
                    <div class="leftBottomTriangle"></div>
                    <div class="rightBottomTriangle"></div>
                </div>
            </div>
            <div class="more_information">
                <div class="more_information-title">
                    <span>更多数据</span>
                    <span class="closeInformation">×</span>
                </div>
                <div class="more_information-table">
                    <div class="more_information-head">
                    <div>序号</div>
                    <div>站名</div>
                    <div>站号</div>
                    <div>数值</div>
                    </div>
                    <div class="more_information-body"></div>
                </div>
                
            </div>
            <!-- 区县两级联动 -->
            <div class="cafe-busis-counDis">
                <span>
                    <span>上级指导</span><span>县级发布</span>
                </span>
                <div>
                    <div class="allQuXian">
                    </div>
                    <div class="submitQuXian"></div>
                </div>
            </div>
            <video controls loop id="warnPlayer" muted style="display:none">
                <source src="/business/common/audio/warnSound.mp3" type="audio/mpeg">
            </video>
            <div class="airobot-contain">
                <div class="airobot-com">
                    <div class="airobot-tip">
                        <!-- <span class="airobot-close" id="tipclose"></span> -->
                        <div class="airobot-content"></div>
                    </div>
                    <div class="airobot-robot">
                        <span class="airobot-close robot" id="robotclose"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" value="" id="userInfo" />
    <script type="text/html" id="stationInfo">
        <div class="stationInfo"></div>
    </script>
    <script src="/business/jcyb/main/js/main.js"></script>
</body>

</html>